// 使用 scss 的 math 函数，https://sass-lang.com/documentation/breaking-changes/slash-div
//@use "sass:math";

// 默认设计稿的宽度
$designWidth: 1920;
// 默认设计稿的高度
$designHeight: 1080;

$screenHeight: 937;

// px 转为 vw 的函数
@function vw($px) {
  @return ($px/$designWidth) * 100vw;
}

//字体px转vw
@function font2vw($px) {
  @return ($px/$designWidth) * 100vw;
}

// px 转为 vh 的函数
@function vh($px) {
  @return ($px/ $designHeight) * 100vh;
}

// 按比例计算宽度
@function rvw($px) {
  @return ($px*($screenHeight/$designHeight)) * 1px;
}

// 按比例计算高度
@function rvh($px) {
  @return ($px*($screenHeight/$designHeight)) * 1px;
}

// font-size
@function fs($px) {
  @return ($px*($screenHeight/$designHeight)) * 1px;
}
